:root{
    --primary:#2d8cf0;
    --joker:#009688;
    --info:#01AAED;
    --success:#19be6b;
    --warning:#FFB800;
    --error:#FF5722;
    --default:#fff;
    --dashed:#fff;
    --text:#fff;

    /* 背景颜色 */
    --bg-color:#eaeef2;

    /*布局颜色*/
    --nav:#393D49;
    --sidebar:#2F4056;

    /* 字体颜色 */
    --text-color:#515a6e;
    --text-title:#17233d;
    --text-bold:#1f4e79;

    /**字体背景色*/
    --text-bg-dark:#585e6b;
    --text-bg-info:#f0faff;
    --text-bg-success:#edfff3;
    --text-bg-warning:#fff9e6;
    --text-bg-error:#ffefe6;

    /*边框颜色*/
    --border-tint:#767676;
    --border:#DCDFE6;
    --border-tt: #e8eaec;

}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}